/* 
* @Author: Administrator
* @Date:   2015-12-24 18:21:17
* @Last Modified by:   Administrator
* @Last Modified time: 2016-01-13 16:38:47
*/
.bodyWrap{
	padding-top: 15px;
	width: 1200px;
	margin: 0 auto;
	background-color: #fff;


}
.headAdvert,.footAdvert{
	height: 80px;
	width: 1200px;
	background-color: skyblue;
	margin-bottom: 15px;
}
.list{
	width: 1200px;
	margin: 0 auto 10px;
}
.listLeft{
	float: left;

}
.listRight{
	float: right;
	width: 320px;
	padding-left: 10px;
	border-left: #ccc solid 1px;

}

.listHead {
	position: relative;
	
	background-size: 700px 300px;
	margin-bottom: 10px;
}
.listHead  h2{
	position: absolute;
	bottom: 0px;
	height: 38px;
	line-height: 38px;
	font-size: 24px;
	font-weight: bold;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	width: 700px;
	text-indent: 10px;
}
.listHead a{
	display: block;
	width: 100%;
	height: 100%;
}
.listHead i{
	width: 80px;
	height: 80px;
	position: absolute;
	bottom: 50px;
	right: 20px;
	opacity: 0.7;
	filter:alpha(opacity = 70);
	transition: all 0.5s ease 0s;
}
.listHead a:hover i{
	opacity: 1;
	filter:alpha(opacity = 100);
}
.listBody {
	width:850px;

}

.listBody ul{
	width: 850px;
}
.listBody ul li{
	float: left;
	margin:0 0  15px 15px;
	border: 1px solid #ccc;
	width: 388px;
	height:100px;
	
	background-size: 335px 200px;
	padding: 200px 10px 0 10px;
	transition: all 1s ease 0s;
	-webktit-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
}
.listBody ul li:hover{
	box-shadow: 0 0 10px 3px rgba(127,127,127,0.5);
	-webkit-box-shadow: 0 0 10px 3px rgba(127,127,127,0.5);
	-ms-box-shadow: 0 0 10px 3px rgba(127,127,127,0.5);
	-moz-box-shadow: 0 0 10px 3px rgba(127,127,127,0.5);
}
.listBody ul li a{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;

}
.listBodyImg{
	height: 200px;
	width: 335px;
	position: absolute;
	top: -200px;
	left: -10px;
}
.listBodyImg img{
	width: 335px;
	height: 200px;
}
.listBody ul li a h3{
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.listBody ul li a p{
	height: 40px;
	line-height: 20px;
	font-size: 14px;
	color: #999;
	overflow: hidden;
}
.listBody ul li a span{
	display: block;
	height: 26px;
	line-height: 26px;

}
.listBody ul li a i{
	position: absolute;
	bottom:112px;
	right:0px;
	height: 60px;
	width: 60px;
	
	
	background-size: 60px 60px;
	opacity: 0.7;
	filter:alpha(opacity = 70);
	transition: all 0.5s ease 0s;
	-webktit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
}
.listBody ul li a i img{
	height: 60px;
	width: 60px;
}
.listBody ul li a:hover i{
	opacity: 1;
	filter:alpha(opacity = 100);
}
.fanye{
	width: 100px;
	height: 36px;
	margin: 20px auto;
}
.fanye button{
	display: inline-block;
	width: 100px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #333;
	margin-right: 10px;
	border-radius: 5px;
	transition: all 0.5s ease 0s;
	-webktit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
}
.fanye button:hover{
	background-color: #aaa;
}
div.slideBox{
	width: 850px!important;
	height: 400px!important;
}
div.slideBox img{
	 width: 850px!important;
	height: 400px!important;
}
/*左侧完成*/
/*右侧开始*/
.rightAdvert{
			height:300px;
			width:320px;
			background-color: skyblue;
			margin-bottom: 20px;
}
.rightAdvert a img{
	width: 320px;
	height: 300px;
}
.recommond{
			float: right;
			width:315px;
			padding-bottom:15px;
			margin-bottom: 20px;
		}
		.recommond dd{
			font-size:16px;
			padding-left:10px;
			line-height: 44px;
			background-color: #f7f7f7;
			font-weight:bold;
			border-bottom:#C0C0C0 solid 1px;
		}
		.recommond dt{
			line-height: 30px;
			padding-left:80px;
			height: 80px;
			border-bottom:#ccc dotted 1px;
			position: relative;
			
			-webkit-background-size: 60px 60px;
			background-size: 60px 60px;
			transition: all 0.5s ease 0s;

		}
		.recommond dt img{
			position: absolute;
			top: 10px;
			left: 9px;
			height: 60px;
			width: 60px;
		}
		.recommond dt:hover{
			background-color: #ccc;
		}
		.recommond dt span{
			display: block;
			color: #999;
			margin-top: 10px;
			
		}
		.recommond dt a{
			color:#333;
			font-size: 14px;
			line-height: 37px;
		}